  <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="”viewport”" content="width=device-width" initial-scale="1" ,="" maximum-scale="1" user-scalable="no">
	<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
	<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css">
	<link rel="stylesheet" type="text/css" href="css/grade.css">
	<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js" ></script>
	<link href="https://cdn.bootcss.com/toastr.js/latest/css/toastr.css" rel="stylesheet">
	<script src="https://cdn.bootcss.com/toastr.js/latest/js/toastr.min.js"></script>
<style>
</style>
</head>
<body style="height: 100vh; background: url(&quot;http://up.qqjia.com/z/22/tu27513_3.jpg&quot;) 0% 0% / 100% 100% no-repeat white;">
	<div class="container-fluid grade" style="padding:0px 0px;">
		<div class="garde-theme col-md-12 col-sm-12">
			<h1 class="garde-theme-title col-md-12 col-sm-12" align="center">心里成绩考试展示</h1>
		</div>
	<div class="col-md-12 col-sm-12">
		<div class="grade-personal col-md-8 col-md-offset-2 col-md-12 col-sm-12" style="padding: 0px 0px;border-radius: 10px;">
			<p class="col-md-12 col-sm-12 garde-title " align="center" >我的成绩</p>
			<table class="table col-md-12 col-sm-12 table-striped" style="padding:0px 0px;margin:0px 0px 10px 0px;border-radius: 10px;">
				<tbody id="my_message">
					
				</tbody>
			</table>
		</div>
		<div class="grade-group-table-buttons col-md-8 col-md-offset-2 col-sm-12" style="border-radius:20px;padding:0px 0px;">
			<div class="grade-part-buttons btn-group col-md-12  col-sm-12" style="padding: 0px 0px;">
				<button class="btn btn-primary col-md-6 col-sm-6 grade-top" style="border-radius: 20px 0px 0px 0px;">个人排名</button>
				<button class="btn btn-success col-md-6 col-sm-6 grade-academy-top" style="border-radius: 0px 15px 0px 0px;">学院排名</button>
			</div>
			<div class="grade-tables col-md-12 col-sm-12" style="padding: 0px 0px;">
				<div class="grade-students grade-show-part col-md-12  col-sm-12" style="padding: 0px 0px;">
					<table class="table grade-students-table col-sm-12 col-md-12 table-striped" align="center">
						<tbody class="academy-all-tbody">
							<tr>
								<th>序号</th>
								<th>姓名</th>
								<th>院系</th>
								<th>成绩</th>
								<th>用时</th>
								<th>排名</th>
							</tr>
							
						</tbody>
					</table>
					<div class="col-md-12 col-sm-12" style="padding: auto auto;">
						<button class="btn btn-primary  col-md-8 col-md-offset-2 col-sm-10  col-sm-offset-1" id="getMore" style="display: none;">获取更多</button>
					</div>
				</div>

				<div class="grade-academy grade-show-part  col-md-12  col-sm-12" style="display: none;padding: 0px 0px;">
					<table class="table grade-academy-table  col-sm-12 col-md-12 table-striped" align="center">
						<tbody class="academy-message-tbody">
							<tr>
								<th>序号</th>
								<th>学院</th>
								<th>参与率</th>
								<th>总分</th>
								<th>平均分</th>
								<th>排名</th>
							</tr>
							
						</tbody>
					</table>
				</div>
			</div>
			
		</div>
			</div>
		
	</div>
	<div class="footer col-md-12 col-sm-12" style="padding:0px 0px;">
		<div class="answer-footer col-md-12 col-sm-12" >
            版权所有 <a href="https://baike.baidu.com/item/%E6%B1%9F%E8%A5%BF%E5%86%9C%E4%B8%9A%E5%A4%A7%E5%AD%A6%E8%BD%AF%E4%BB%B6%E5%AD%A6%E9%99%A2%E9%9D%92%E8%97%A4%E5%B7%A5%E4%BD%9C%E5%AE%A4" target="blank" style="color:#ccc">江西农业大学软件学院青藤工作室</a> ©青藤设计
       </div>
	</div>

</body>
</html>
<script type="text/javascript" src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="http://cdn.staticfile.org/artTemplate.js/3.0.1/template.js"></script>
<script type="text/javascript" src="js/grade.js"></script>
<script type="text/javascript">

</script>
<script type="text/html" id="template-all">
	<tr>
		<td>{{index}}</td>
		<td>{{userName}}</td>
		<td>{{academy}}</td>
		<td>{{scoure}}</td>
		<td>{{time}}s</td>
		<td>{{rank}}</td>
	</tr>
</script>
<script type="text/html" id="template-academy">
	<tr class="academy-message">
		<td>{{index}}</td>
		<td>{{academyName}}</td>
		<td>{{join}}%</td>
		<td>{{totalScore}}</td>
		<td>{{aver}}</td>4
		<td>{{rank}}</td>
	</tr>
</script>
<script type="text/html" id="template_grade">
<tr style="background-color: rgb(217, 237, 247);">
						<td>名字</td>
						<td class="grade-element">{{userName}}</td>
					</tr>
					<tr style=" background-color: rgb(209, 218, 241);">
						<td>成绩</td>
						<td class="grade-element">{{scoure}}</td>
					</tr>
					<tr style=" background-color: rgb(252, 248, 227);">
						<td>院系</td>
						<td class="grade-element">{{academy}}</td>
					</tr>
					<tr style="    background-color: rgb(223, 240, 216);">
						<td>时间</td>
						<td class="grade-element">{{time}}<span>s</span></td>
					</tr>
					<tr style="border-radius: 10px;background-color: #fff;"	>
						<td>排名</td>
						<td class="grade-element">{{rank}}</td>
					</tr>
</script>	

